<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>搜索</title>
    <link rel="stylesheet" type="text/css" href="__STATIC__/pc/css/head.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/pc/css/bottom.css">
    <script type="text/javascript" src="__STATIC__/pc/js/jquery-3.2.1.min.js"></script>
</head>
<style type="text/css">
    body{
        font-size: 12px;
        margin: 0;
        padding: 0;
    }
    .tou{
        height: 370px;
        background-image: url("__STATIC__/pc/img/center1.gif");
    }
    .color999{
        color: #999;
    }
    .fontsize18{
        font-size: 18px;
    }
    .info{
        display: flex;
        -webkit-display:flex;
        justify-content: flex-start;
        margin-left: 55px;
        width: calc(100% - 55px);
    }
    .info .info1 .info2{
        display: flex;
        -webkit-display:flex;
        justify-content: flex-start;
        margin-top: 36px;
    }
    .info .touxiang{
        width: 180px;
        height: 180px;
        background-color: #eee;
        position: relative;
        bottom: 60px;
        margin-right: 48px;
    }
    .info .touxiang img{
        width: 180px;
        height: 180px;
    }
    .info1_info{
         margin-right: 86px;
    }
    .beforelogin{
        margin-top: 20px;
    }
    .line3{
        height: 3px;
        width: 100%;
        background-color: #F5F6F7;
    }
    .content{
        display: flex;
        -webkit-display:flex;
        justify-content: flex-start;
        width: calc(100% - 80px);
        height: 664px;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 60px;

    }
    .content_left{
        width: 215px;
    }
    .content_left_item{
        height: 166px;
        line-height: 166px;
        overflow: hidden;
        text-align: center;
        font-size: 24px;
        color: #383838;
        cursor: pointer;
    }
    .content_right{
        width: calc(100% - 85px);
        height: 664px;
        /*background-color: #e7e7e7;*/
        background-color: #fff;
        border-radius: 6px;
    }
    .concatus{
        height: 664px;
        width: 100%;
        display: table;
    }
    .concatus1{
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .concatus1_title{
        font-size: 30px;
        color: #000;
        margin-bottom: 10px;
    }
    .concatus1_desc{
        font-size: 24px;
        color: #07A5C7;
        margin-bottom: 10px;
    }
    .concatus1_code{
        width: 246px;
        height: 289px;
        background-image: url("__STATIC__/pc/img/center3.gif");
        background-size: 100%;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .concatus1_code img{
        width: 158px;
        height: 158px;
        margin-top: 108px;
    }
    .concatus1_url{
        font-size: 30px;
        color: #000;
        margin-bottom: 10px;
    }
    .concatus1_kefu{
        color: #000;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .concatus1_phone{
        font-size: 30px;
        color: #07A5C7;
    }
    table{
        font-size: 14px;
        margin-top: 40px;
    }
    thead tr{
        height: 63px;
        background: #e7e7e7;
        font-size: 14px;
    }
    tbody tr{
        height: 50px;
    }
    .btn1{
        width: 92px;
        height: 33px;
        background: #FF8610;
        text-align: center;
        line-height: 33px;
        border-radius: 6px;
        color: #fff;
        font-size: 14px;
    }
    .btn2{
        width: 92px;
        height: 33px;
        background: #ccc;
        text-align: center;
        line-height: 33px;
        border-radius: 6px;
        color: #fff;
        font-size: 14px;
    }
    .btn3{
        width: 92px;
        height: 33px;
        background: #00B1D7;
        text-align: center;
        line-height: 33px;
        border-radius: 6px;
        color: #fff;
        font-size: 14px;
    }
    .information{
        width: calc(100% - 120px);
        margin: 0 auto;
    }
    .information_img{
        width: 180px;
        width: 180px;
        margin: 0 auto;
        margin-top: 26px;
        background-color: #eee;
        position: relative;
        cursor: pointer;
    }
    .information_img img{
        width: 180px;
        height: 180px;
    }
    .information_title{
        display: flex;
        -webkit-display:flex;
        justify-content: space-between;
        font-size: 18px;
        margin-top: 35px;
    }
    .information_title_left{
        color: #000;
    }
    .information_title_right{
        width: 92px;
        height: 33px;
        background-color: #00B1D7;
        border-radius: 6px;
        color: #fff;
        text-align: center;
        line-height: 33px;
        font-size: 14px;
    }
    .information_title_right:hover{
        cursor: pointer;
    }
    .information_name,.information_phone,.information_sex,.information_companyg,.information_password{
        font-size: 14px;
        margin-top: 35px;
    }
    .color7A7A7A{
        color: #7A7A7A;
    }
    .color383838{
        color: #383838;
    }
    .information_img_hover{
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        position: absolute;
        top: 0;
        z-index: 1;
        text-align: center;
        line-height: 180px;
        color: #fff;
        opacity: 0;
    }
    .information_input{
        background-color: #e7e7e7;
        outline-style: none;
        border:1px solid #7A7A7A;
        width: 176px;
        height: 30px;
        padding: 0 8px;
        display: none;
    }
    .information_input1{
        display: none;
    }
    .marginright20{
        margin-right: 20px
    }
    .editimg{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 2;
        background-color: rgba(0,0,0,0.5);
        display: none;
    }
    .editimg_content{
        width: 831px;
        height: 631px;
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        background-color: #fff;
        border-radius: 10px;
        left: calc(50% - 415px);
        top: 50%;
        transform: translateY(-50%);
    }
    .editimg_content_top{
        display: flex;
        -webkit-display: flex;
        justify-content: space-between;
        padding: 25px 0;
        width: 100%;
        border-bottom: 1px solid #eee;
    }
    .editimg_content_top_left{
        font-size: 24px;
        color: #383838;
        margin-left: 50px;
    }
    .editimg_content_top_right{
        color: #ddd;
        font-weight: bold;
        font-size: 32px;
        margin-right: 50px;
        cursor: pointer;
    }
    .editimg_add{
        width: 336px;
        height: 336px;
        background-color: #CBCBCB;
        text-align: center;
        font-size: 24px;
        color: #fff;
        margin: 0 auto;
        margin-top: 50px;
    }
    .editimg_add img{
        margin-top: 114px;
    }
    .editimg_bottom{
        display: flex;
        -webkit-display: flex;
        justify-content: space-between;
        font-size: 24px;
        margin-top: 50px;
    }
    .editimg_bottom_btn1,.editimg_bottom_btn2{
        width: 180px;
        height: 60px;
        border-radius: 8px;
        text-align: center;
        line-height: 60px;
    }
    .editimg_bottom_btn1{
        border:1px solid #CBCBCB;
        margin-left: 135px;
    }
    .editimg_bottom_btn2{
        background-color: #00B1D7;
        color: #fff;
        margin-right: 135px;
    }
    .color07A5C7{
        color: #07A5C7;
    }
</style>
<body>
    <div class="editimg">
        <div class="editimg_content">
            <div class="editimg_content_top">
                <div class="editimg_content_top_left">上传头像</div>
                <div class="editimg_content_top_right" onclick="close2()">X</div>
            </div>
            <div class="editimg_add">
                <!--<img src="__STATIC__/pc/img/add.png">-->
                <div><input type="file" name="headimage"></div>
            </div>
            <div class="editimg_bottom">
                <div class="editimg_bottom_btn1" onclick="close2()">取消</div>
                <div class="editimg_bottom_btn2" onclick="headimage_submit()">确定</div>
            </div>
        </div>
    </div>
    <div class="tou" style="color: #fff;">
        <include file="Public:nav" />
    </div>
    <div class="info">
        <div class="touxiang">
            <if condition="$data.headimage == ''">
            <img src="__STATIC__/pc/img/center2.gif">
                <else/>
            <img src="__STATIC__/uploads/{$data.headimage}">
            </if>
        </div>
        <div class="info1">
            <div class="info2 fontsize18">
                <div class="info1_info">
                    <span>用户名：</span>
                    <span class="color999">{$data.username}</span>
                </div>
                <div class="info1_info">
                    <span>账号信息：</span>
                    <span class="color999">{$name['name']}</span>
                </div>
                <if condition="!$member_validity_time">
                    <div class="info1_info">
                        <a href="javascript:void(0)" _href="{:url('center/ajax_right',array('id'=>$data.id))}" id="{$data.id}" style="display:block;" class="btn3 read_right" onclick="">
                        权限
                        </a>
                    </div>
                    <else />
                    账号已过期
                </if>
            </div>
            <div class="beforelogin fontsize18">
                <span>上一次登录：</span>
                <span class="color999">{$data.logintime|date="Y-m-d",###}</span>
            </div>
        </div>
    </div>
    <div class="line3"></div>
    <script>
        function headimage_submit(){
            var formData = new FormData();
            var file = $("input[name='headimage']");
            var headimage = file[0].files[0];
            formData.append('headimage',headimage);
            $.ajax({
                url: "{:url('Center/headimage_edit')}",
                type: 'POST',
                data: formData,
                async: false,
                processData: false,
                contentType: false,
                success: function (result) {
                    if (result.code == '0') {
                        layer.alert(result.msg);
                        $('.editimg').eq(0).css('display','none')
                    } else {
                        layer.alert(result.msg, {
                                    btn: ['确定']
                                },
                                function (index, item) {
                                    location.href = result.url;
                                });
                    }
                }
            });
        }
        $(".read_right").click(function(){
            var id = $(this).attr('id');
            var url = $(this).attr('_href');

            layer.open({
                type: 2,
                title: '查看权限',
                shadeClose: true,
                shade: 0.5,
                area: ['800px', '80%'],
                content: url //iframe的url
            });
        });
    </script>